<?php
    
?>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script src="jquery-1.9.1.min.js"></script>
        <link href="../../../Ginecobstetricia/vista/css/bootstrap-combined.min.css" rel="stylesheet">
         <!-- Librerias jquery y hojas de estilo para creacion  del calendario -->
        <script src="../../../vista/reportes/js/jquery-1.5.2.js" type="text/javascript"></script>
        <link rel="stylesheet" href="../../../vista/reportes/css/impresion.css" type="text/css" media="print">
        <link rel="stylesheet" href="../../../vista/reportes/css/jquery.ui.all.css" type="text/css">
        <script type="text/javascript" src="../../../vista/reportes/js/jquery.ui.core.js"></script>
        <script type="text/javascript" src="../../../vista/reportes/js/jquery.ui.widget.js"></script>
        <script type="text/javascript" src="../../../vista/reportes/js/jquery.ui.datepicker.js"></script>
        <link rel="stylesheet" href="../../../reportes/css/pestana.css" />
        <script src="../reportes/js/jquery-ui.js"></script>
        <style>
            /* para las filas impares */
            table tr:nth-child(odd) th {
                background-color: #DAEAFF;
                font-weight: normal;
            }
            /* para las filas paras */
            table tr:nth-child(even) th {
                background-color: #FFFFFF;
                font-weight: normal;
            }
            
            #barras{
                
                height:10%;
                width:100%;
                border-radius: 0px 0px 5px 5px;
                
                
                /**/
                background:linear-gradient(#B5B5B5, #e8eaeb);
                font-weight: bold;
                position: relative;
                border-radius: 5px 5px 0px 0px;
                
            }
            
            #barras2{
                
                height:15%;
                width:100%;
                border-radius: 0px 0px 5px 5px;
                
                /**/
                background:linear-gradient(#e8eaeb, #B5B5B5);
                font-weight: bold;
                position: relative;
            }
            
        </style>
        <script>
            function calendario() {
                /*funcion para invocar el funcionamiento de el calendario*/
                    $( "#fech1" ).datepicker({ 
                     autoSize: true,
                     dayNames: ['Domingo', 'Lunes', 'Martes', 'Mi?rcoles', 'Jueves', 'Viernes', 'S?bado'],
                     dayNamesMin: ['Dom', 'Lu', 'Ma', 'Mi', 'Je', 'Vi', 'Sa'],
                     firstDay: 1,
                     monthNames: ['Enero','Febrero','Marzo','Abril','Mayo','Junio','Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'],
                     monthNamesShort: ['Ene','Feb','Mar','Abr','May','Jun','Jul','Ago','Sep','Oct','Nov','Dic'],
                     dateFormat: 'dd-mm-yy',
                     changeMonth: true,
                     changeYear: true,
                     yearRange: "-90:+0"

                    });
            }
            function calendario2() {
                /*funcion para invocar el funcionamiento de el calendario*/
                    $( "#fech2" ).datepicker({ 
                     autoSize: true,
                     dayNames: ['Domingo', 'Lunes', 'Martes', 'Mi?rcoles', 'Jueves', 'Viernes', 'S?bado'],
                     dayNamesMin: ['Dom', 'Lu', 'Ma', 'Mi', 'Je', 'Vi', 'Sa'],
                     firstDay: 1,
                     monthNames: ['Enero','Febrero','Marzo','Abril','Mayo','Junio','Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'],
                     monthNamesShort: ['Ene','Feb','Mar','Abr','May','Jun','Jul','Ago','Sep','Oct','Nov','Dic'],
                     dateFormat: 'dd-mm-yy',
                     changeMonth: true,
                     changeYear: true,
                     yearRange: "-90:+0"

                    });
            }
            function datosP(n){
                
                if(n == 1){
                    $.ajax({
                        type: "POST",
                        contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                        url: "../../controlador/php/sql/pacientesA.php",
                        success: tablaC
                    });
                }else if(n == 2){
                    
                    $("#respuesta").text("");
                    var doc = document.getElementById("docu").value;
                    var tc = 1;
                    $.ajax({
                        type: "POST",
                        contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                        data: {tc:tc,doc:doc},
                        url: "../../controlador/php/sql/pacientesA.php",
                        success: tablaC
                    });
                }else if(n == 3){
                
                    var f1 = document.getElementById("fech1").value;
                    var f2 = document.getElementById("fech2").value;
                    var tc = 2;
                    $.ajax({
                        type: "POST",
                        contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                        data: {tc:tc,f1:f1,f2:f2},
                        url: "../../controlador/php/sql/pacientesA.php",
                        success: tablaC
                    });
                }
                
                
            }
            
            function tablaC(datos){
                $("#respuesta").text("");
                
                rpt = $.parseJSON(datos);
                datos = $("#respuesta");
                var oidgp = "";
                var oidpc = "";
                var resp = "";
                var doc = "";
                var documento = "";
                var nom = "";
                var nombres = "";
                var ape = "";
                var apellidos = "";
                var enti = "";
                var edad = "";
                var telefono = "";
                var entidad = "";
                var medico = "";
                var fven = "";
                var fechaven = "";
                var fec = "";
                var servicio = "";
                var especialidad = "";
                var obs  = "";
                var pracprogama = "";
                resp += "<table style='font-size:90%;overflow:hidden;border:1px solid #d3d3d3;background:#fefefe;width:100%;-moz-border-radius:5px; /* FF1+ */-webkit-border-radius:5px; /* Saf3-4 */border-radius:5px;-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);'>\
                            <tr>\
                                <td style='padding:1px 1px 1px; text-align:center;border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe)); background:#e8eaeb;'>\
                                    Documento\
                                </td>\
                                <td style='padding:1px 1px 1px; text-align:center;border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe)); background:#e8eaeb;'>\
                                    Paciente\
                                </td>\
                                <td style='padding:1px 1px 1px; text-align:center;border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe)); background:#e8eaeb;'>\
                                    Entidad\
                                </td>\
                                <td style='padding:1px 1px 1px; text-align:center;border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe)); background:#e8eaeb;'>\
                                    Fecha Entrega Orden\
                                </td>\
                                <td style='padding:1px 1px 1px; text-align:center;border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe)); background:#e8eaeb;'>\
                                    Fecha Vencimiento Orden\
                                </td>\
                                <td style='padding:1px 1px 1px; text-align:center;border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe)); background:#e8eaeb;'>\
                                    Ver\
                                </td>\
                            </tr>";
                var temp = "";
                for(r in rpt){
                    doc = rpt[r].PACNUMDOC;
                    nom =  rpt[r].nombres; 
                    ape =  rpt[r].apellidos; 
                    enti =  rpt[r].GDENOMBRE;
                    fven =  rpt[r].prafecven;
                    fec =  rpt[r].prafech;
                    
                    if(temp != doc){
                    
                        resp += "<tr>\
                                    <th title='documento del paciente' >\
                                        "+ doc +"\
                                    </th>\
                                    <th title='nombre completo del paciente' align='left'>\
                                        "+ nom + " " + ape +"\
                                    </th>\
                                    <th title='entidad a la que pertenece el paciente' align='left' >\
                                        "+ enti +"\
                                    </th>\
                                    <th title='fecha de vencimeinto de la orden' >\
                                        "+ fec +"\
                                    </th>\
                                    <th title='fecha de registro de la orden' >\
                                        "+ fven +"\
                                    </th>";
                    }
                               
                                    oidgp = rpt[r].oidgp;
                                    oidpc = rpt[r].praoid;
                                    
                                    documento = "'"+doc+"'";
                                    nombres = "'"+nom+"'";
                                    apellidos = "'"+ape+"'";
                                    entidad = "'"+enti+"'";
                                    fechaven = "'"+fven+"'";
                                    edad = "'"+rpt[r].EDAD+"'";
                                    telefono = "'"+rpt[r].PACTELEFONO+"'";
                                    medico = "'"+rpt[r].pramedico+"'";
                                    servicio = "'"+rpt[r].ser_oid+"'";
                                    especialidad = "'"+rpt[r].OID+"'";
                                    obs = "'"+rpt[r].praobs+"'";
                                    pracprogama = "'"+rpt[r].pratprogram+"'";
                                    
                                    
                                    var cup1 = "'"+rpt[r].pracup1+"'";
                                    var codser1 = "'"+rpt[r].pracodser1+"'";
                                    var proce1 = "'"+rpt[r].praproce1+"'";
                                    var cuproce1 = "'"+rpt[r].pracuproce1+"'";
                                    
                                    var cup2 = "'"+rpt[r].pracup2+"'";
                                    var codser2 = "'"+rpt[r].pracodser2+"'";
                                    var proce2 = "'"+rpt[r].praproce2+"'";
                                    var cuproce2 = "'"+rpt[r].pracuproce2+"'";
                                    
                                    var cup3 = "'"+rpt[r].pracup3+"'";
                                    var codser3 = "'"+rpt[r].pracodser3+"'";
                                    var proce3 = "'"+rpt[r].praproce3+"'";
                                    var cuproce3 = "'"+rpt[r].pracuproce3+"'";
                                    
                                    var cup4 = "'"+rpt[r].pracup4+"'";
                                    var codser4 = "'"+rpt[r].pracodser4+"'";
                                    var proce4 = "'"+rpt[r].praproce4+"'";
                                    var cuproce4 = "'"+rpt[r].pracuproce4+"'";
                                    
                                    var cup5 = "'"+rpt[r].pracup5+"'";
                                    var codser5 = "'"+rpt[r].pracodser5+"'";
                                    var proce5 = "'"+rpt[r].praproce5+"'";
                                    var cuproce5 = "'"+rpt[r].pracuproce5+"'";
                                    
                                    var cup6 = "'"+rpt[r].pracup6+"'";
                                    var codser6 = "'"+rpt[r].pracodser6+"'";
                                    var proce6 = "'"+rpt[r].praproce6+"'";
                                    var cuproce6 = "'"+rpt[r].pracuproce6+"'";
                                    
                                    //alert( oidpc + oidgp + documento + nombres + apellidos + edad + telefono + fechaven + entidad + medico + servicio + especialidad + cup1 + codser1 + proce1 + cuproce1 + cup2 + codser2 + proce2 + cuproce2 + cup3 + codser3 + proce3 + cuproce3 + cup4 + codser4 + proce4 + cuproce4 + cup5 + codser5 + proce5 + cuproce5 + cup6 + codser6 + proce6 + cuproce6 + obs );
                                    
                    if(temp != doc){                
                                    
                                resp +='<th  onclick="window.close();window.opener.datosPac('+ oidpc +','+ oidgp +','+ documento +','+ nombres +','+ apellidos +','+ edad +','+ telefono +','+ fechaven +','+ entidad+','+ medico +','+ servicio +','+ especialidad +','+ cup1 +','+ codser1 +','+ proce1 +','+ cuproce1 +','+ cup2 +','+ codser2 +','+ proce2 +','+ cuproce2 +','+ cup3 +','+ codser3 +','+ proce3 +','+ cuproce3 +','+ cup4 +','+ codser4 +','+ proce4 +','+ cuproce4 +','+ cup5 +','+ codser5 +','+ proce5 +','+ cuproce5 +','+ cup6 +','+ codser6 +','+ proce6 +','+ cuproce6 +','+ obs +','+ pracprogama +');">\
                                    <img src="../../../vista/imagen/des.png" width="20" height="20" alt="vers"/>\
                                </th>\
                            </tr>';
                   }                             
                   temp = doc; 
                }
                resp += "</table>";
                datos.append(resp);
             }
             
             function filtro(){
                 if($("#f").val() == "1"){
                     document.getElementById("respuf").innerHTML = '<table style="font-size:90%;">\
                                                                        <tr>\
                                                                            <td>\
                                                                                Documento:\
                                                                            </td>\
                                                                            <td>\
                                                                                <input type="text" id="docu" name="txtDoc" value="" style="width:100%"/>\
                                                                            </td>\
                                                                            <td>\
                                                                                <input class="whitee" type="button" value="Filtrar"  onclick="datosP(2);"/>\
                                                                            </td>\
                                                                            <td>\
                                                                                <input class="whitee" type="button" value="Cancelar" onclick="cancelar();"/>\
                                                                            </td>\
                                                                        </tr>\
                                                                    </table>';
                 }else if($("#f").val() == "2"){
                     document.getElementById("respuf").innerHTML = '<table style="font-size:90%;">\
                                                                        <tr>\
                                                                            <td>\
                                                                                Fecha Inicial:\
                                                                            </td>\
                                                                            <td>\
                                                                                <input type="text" name="txtFi" id="fech1" value="" style="width:100%"/>\
                                                                            </td>\
                                                                            <td>\
                                                                                Fecha Final:\
                                                                            </td>\
                                                                            <td>\
                                                                                <input type="text" name="txtFf" id="fech2" value="" style="width:100%"/>\
                                                                            </td>\
                                                                            <td>\
                                                                                <input class="whitee" type="button" value="Filtrar" onclick="datosP(3);"/>\
                                                                            </td>\
                                                                            <td>\
                                                                                <input class="whitee" type="button" value="Cancelar" onclick="cancelar();"/>\
                                                                            </td>\
                                                                        </tr>\
                                                                    </table>';
                 calendario();
                 calendario2();
                 }
             }
             
             function cancelar(){
                 $("#respuf").text("");
                 document.getElementById("f").value = 0;
                 document.location.reload();
                 
             }
            
        </script>
    </head>
    <body onload="datosP(1);">
        <div align="center" id="barras">
            <div style="padding:1%;">INFORMACION ORDEN DE CIRUGIA</div>
        </div>
        <div style='overflow-y: scroll;height:75%;'>
        <div id="respuesta">
            
        </div>
        </div>
        <div id="barras2">
            <div style="padding:1%;">
                <table style="font-size:80%;" >
                    <tr>
                        <td width="10%">
                            Filtrar por:
                        </td>
                        <td>
                            <select name="cbFiltro" id="f"  onchange="filtro();">
                                <option value="0">Seleccione</option>
                                <option value="1">Documento</option>
                                <option value="2">fecha</option>
                            </select>
                         </td>
                         <td width="80%">
                            <div id="respuf">
                            </div>
                         </td>
                         <td align="right">
                             <input type="button" value="Cerrar"  class="white" onclick="window.close();"/>
                         </td>
                    </tr>
                </table>
            </div>
         </div>
    </body>
</html>